<template>
    <div class="goodDesc_container">
        <h3 class="title">{{info.title}}</h3>
        <hr>
        <div class="content" v-html="info.content"></div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            info: {
                title: 'Huawei/华为 畅享9 64G全面屏',
                content: `<div>
                            <img src="https://image.suning.cn/uimg/sop/commodity/985909342596710261757044_x.jpg" alt="">
                            <img src="https://image.suning.cn/uimg/sop/commodity/211155459318450643375859_x.jpg" alt="">
                            <img src="https://image.suning.cn/uimg/sop/commodity/422133711600594649593509_x.jpg" alt="">
                            <img src="https://image.suning.cn/uimg/sop/commodity/909982115821720798988267_x.jpg" alt="">
                            <img src="https://image.suning.cn/uimg/sop/commodity/137646776910110921798129_x.jpg" alt="">
                        </div>`
            }
        }
    }
}
</script>

<style lang="scss">
    .goodDesc_container{
        padding: 4px;
        .title{
            color: #0066ff;
            text-align: center;
            font-size: 14px;
            margin: 10px 0;
        }
        .content{
            img{
                width: 100%;
                display: block;
            }
        }
    }
</style>

